.z-btn-remove,
.z-btn-help {
    display: block;
    font-size: @zRoundBtnSize;
    width: @zRoundBtnSize;
    height: @zRoundBtnSize;
    line-height: @zRoundBtnSize;
    border: none;
    padding: 0;
    cursor: pointer;
    text-shadow: none;
    
    > span,
    > em {
        display: none;
    }
}
.z-btn-remove {
    .extend_icon(icon-cross);
    background-color: transparent;

    &:hover {
        .extend_icon(z, icon-cross-circle);
        text-decoration: none;
    }
}
.z-btn-help {
    .extend_icon(z, icon-help-circle);
}

a.close,
button.close {
    .extend_icon(z, icon-cross);
    padding: 0;
    font-size: 16px;
    
    &:hover {
        .extend_icon(z, icon-cross-circle);
    }
    
    > span,
    > em {
        display: none;
    }    
}

.z-btn-social {
    position: relative;
    
    &,
    &a,
    &:hover {
        color: #fff;
    }
    // background-color set per brand (template or CSS)
    
    .z-icon,
    .fa-icon,
    .md-icon {
        @_size: @zSocialBtnSize;
        font-size: @_size;
        line-height: @_size;
        height: @_size;
        width: @_size;
    }
}